<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html>
<head>
<title>设备能源管理系统(EMS)</title>
<meta charset="UTF-8" />
	<jsp:include page="../common/header.jsp"/>
	<script type="text/javascript" src="${basePath}/resources/js/jquery.rangeSlider.min.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/moment.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/manage/rangeSlider.js"></script>
	<script type="text/javascript" src="${basePath}/resources/js/single/powerday.js"></script>
</head>
<body class="easyui-layout">>
<jsp:include page="../common/top.jsp"/>
<div class="layout-content" data-options="region:'center',border:false">
	<!-- <div class="easyui-layout" data-options="fit:true"> -->
		<div class="ems-main-north" ><!-- data-options="region:'north',border:false,split:true" -->
			<div class="ems-main-time">
				<p>统计时间</p>
				<div class="ems-main-slider"><div id="slider"></div></div>
			</div>
			<div class="ems-main-btns"><a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="javascript:;">切换设备</a> <a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="javascript:;">自定义时间</a></div>
		</div>
		<div class="ems-main-center"><!-- data-options="region:'center',border:false,split:true" -->
		    <div class="easyui-layout togray" data-options="fit:true">
			    <div data-options="region:'west',title:'编号001',split:true,collapsible:false,iconCls:'icon-p1'" class="content-bk40">
			    	<img src="${basePath}/resources/img/p1.png" class="content-img">
			    	<div class="content-text3">
			    		<p><span>工作总时长:</span><b class="color-1">60小时35分钟</b></p>
			    		<p><span>总有功电度:</span><b class="color-2">1000度</b></p>
			    		<p><span>总无功电度:</span><b class="color-3">2000度</b></p>
			    		<p><span>电流报警:</span><b class="color-4">20次</b></p>
			    		<p><span>报警时长:</span><b class="color-5">200分钟</b></p>
			    	</div>
			    </div>   
			    <div data-options="region:'center',title:'电费',split:true,collapsible:false,iconCls:'icon-p1'" class="content-bk30" id="piechart1"></div>
			    <div data-options="region:'east',title:'设备状态',split:true,collapsible:false,iconCls:'icon-p1'" class="content-bk30" id="piechart2"></div>   
		    </div>
		</div>
		<div class="ems-main-south"><!-- data-options="region:'south',border:false,split:true" -->
		    <div class="easyui-layout togray" data-options="fit:true">
			    <div data-options="region:'west',title:'设备开动率',split:true,collapsible:false,iconCls:'icon-p1'" class="content-bk50">
			    </div>   
			    <div data-options="region:'center',title:'耗电情况',split:true,collapsible:false,iconCls:'icon-p1'" class="content-bk50"></div>
		    </div>
		</div>
	<!-- </div> -->
</div>
</body>
</html>